<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link href="../../../file/layui-v2.4.3/layui/css/layui.css" rel="stylesheet" media="all" />
		<title></title>
	</head>
	<style type="text/css">
		#headbtn {
			padding-left: 40px;
		}
		
		.xdmk {
			position: fixed;
		}
		
		#txk {
			margin-top:10px;
			margin-bottom: 10px;
		}
	</style>

	<body>
		<blockquote class="site-text layui-elem-quote">
			<h3>修改用户信息</h3>
		</blockquote>
		<form class="layui-form" action="">
			<div calss="layui-form-item">
				<label class="layui-form-label">头像</label>
				<div class="layui-input-block">
					<img src="../../../img/0.jpg" />
				</div>
				<div class="layui-input-block" id="txk">

					<button type="button" class="layui-btn layui-btn-sm" id="test11">
  						<i class="layui-icon">&#xe67c;</i>上传头像
					</button>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">用户名</label>
				<div class="layui-input-block">
					<input type="text" name="username" required lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input" value="zhangsan">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">姓名</label>
				<div class="layui-input-block">
					<input type="text" name="name" required lay-verify="required" placeholder="请输入姓名" autocomplete="off" class="layui-input" value="张三">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">手机</label>
				<div class="layui-input-block">
					<input type="text" name="phone" required lay-verify="required|phone" placeholder="请输入手机号" autocomplete="off" class="layui-input" value="13467862262">
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">生日</label>
				<div class="layui-input-block">
					<input type="date" name="bd" required lay-verify="required" autocomplete="off" class="layui-laydate layui-input" value="1997-05-03">
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">单选框</label>
				<div class="layui-input-block">
					<input type="radio" name="sex" value="男" title="男">
					<input type="radio" name="sex" value="女" title="女">
					<input type="radio" name="sex" value="保密" title="保密" checked>
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">所属角色</label>
				<div class="layui-input-block">
					<input type="checkbox" name="like[eee]" title="eee">
					<input type="checkbox" name="like[onlyread]" title="只读角色">
					<input type="checkbox" name="like[zszy]" title="张三专用" checked>
					<input type="checkbox" name="like[czrz]" title="操作日志">
					<input type="checkbox" name="like[yhxxxzy]" title="用户信息新增员">
					<input type="checkbox" name="like[yhgl]" title="用户管理">
					<input type="checkbox" name="like[dlrz]" title="登录日志">
					<input type="checkbox" name="like[gly]" title="管理员">
					<input type="checkbox" name="like[xtmkgly]" title="系统模块管理员">
					<input type="checkbox" name="like[jsgl]" title="角色管理">
				</div>
			</div>

			<div class="layui-form-item layui-form-text">
				<label class="layui-form-label">备注</label>
				<div class="layui-input-block">
					<textarea name="desc" placeholder="请输入备注" class="layui-textarea" >abc</textarea>
				</div>
			</div>

			<div class="layui-form-item">
				<div class="layui-input-block">
					
					<button class="layui-btn layui-btn-normal" lay-submit lay-filter="formDemo">修改</button>
					<button type="reset" class="layui-btn layui-btn-primary">重置</button>
					<button class="layui-btn layui-btn-danger">关闭</button>
				</div>
			</div>
		</form>

		<script src="../../../base/js/jquery-1.11.3.min.js"></script>
		<script src="../../../file/layui-v2.4.3/layui/layui.js"></script>
		<script type="text/javascript">
			layui.use(['form', 'element', 'carousel'], function() {
				var form = layui.form;
				var element = layui.element;
				var carousel = layui.carousel;
				form.render();
				carousel.render({
					elem: '#test1',
					width: '100%', //设置容器宽度				
					autopaly: true,
					interval: 5000,
					height: '800px',
					arrow: 'hover' //始终显示箭头
					//,anim: 'updown' //切换动画方式
				});

				$(".addUser").click(function() {
					layer.open({
						type: 2,
						title: 'layer mobile页',
						shadeClose: true,
						shade: 0.8,
						area: ['1190px', '90%'],
						content: 'userList.html' //iframe的url
					});
					//					layer.alert('内容',{
					//						icon:1,
					//						skin:'layer-ext-moon'
					//					});
				});
			});
		</script>
		<script>
			//Demo
			layui.use('form', function() {
				var form = layui.form;

				//监听提交
				form.on('submit(formDemo)', function(data) {
					layer.msg(JSON.stringify(data.field));
					return false;
				});
			});
		</script>
		<script>
			layui.use('upload', function() {
				var upload = layui.upload;

				//执行实例
				var uploadInst = upload.render({
					elem: '#test11' //绑定元素
						,
					url: '/upload/' //上传接口
						,
					done: function(res) {
						//上传完毕回调
					},
					error: function() {
						//请求异常回调
					}
				});
			});
		</script>
	</body>

</html>